<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>day-7</title>
	<link rel="stylesheet" href="day-7.css">
	<link rel="stylesheet" href="fa/css/font-awesome.css">
	<style>
       @font-face { font-family: Gotham Rounded Bold; src: url('Gotham-Rounded-Bold_21016.ttf'); }
       @font-face { font-family: Gotham Rounded Light; src: url('Gotham-Rounded-Light_21020.ttf'); }
       @font-face { font-family: Action Man Extended Italic ; src: url('Action_Man_Extended_Italic.ttf');}
	</style>
</head>
<body>
	<div class="hero">
        <div class="hero-inner">
        	<div class="navbar">
        		<a class="three" href="#">HOME</a>
        		<a class="one" href="#">PHOTOAPP</a>
        		<img class="camera-one" src="照相机.png">
        		<a class="two" href="#">DESIGN</a>
        		<a class="four" href="#">DOWNLOAD</a>
        	</div>
        	<div class="your">
        		<span>YOUR LIFE, A PHOTO<span>
                   <h5 style="font-size: 17px">print your life in a simple photo</h5>
        	</div>
        	<div class="get">
        		<a class="started" href="#">
        			<h3 style="color: white" "font-size: 15px"  >GET STARTED</h3>
        		</a>
        	</div>
	        <div class="icon">
		    	<a href="#">
		    		<i class="fa fa-twitter"></i>
		    	</a>
		    	<a href="#">
		    		<i class="fa fa-users"></i>
		    	</a>
		        <a href="#">
		        	<i class="fa fa-dribbble"></i>
		        </a>
		    </div>	
		</div>
	</div>
	<div class="iphone">
		<div class="iphone-inner">
			<div class="rappresent">
				<h3 style="color:teal" "font-size:15px">RAPPPASENT YOUR LIFE WITH A SIMPLE PHOTO</h3>
			</div>
			<img class="corem" src="corem.png" alt="sorry">
			<div class="gettwo">
				<a class="started" href="#">
        		 	<h3 style="color: white" "font-size: 15px"  >GET STARTED</h3>
        		</a>
        	</div>
		</div>
	</div>
	<div class="design">
		<div class="design-inner">
			<div class="design-title">
				<h3 style="color:teal" "font-size:13px">DESIGN</h3>
			</div>
			<img class="coremtwo" src="coremtwo.png" alt="sorry">
			<div class="learn">LEARN MORE</div>
			<div class="one-to-five">
				<img src="01-05.png" alt="sorry"><br>
				<i class="fa fa-chevron-left"></i>
				<i class="fa fa-chevron-right"></i>
			</div>
		</div>
	</div>
	<div class="community">
		<div class="community-inner">
			<div class="arrow">
				<i class="fa fa-chevron-left"></i>
				<i class="fa fa-chevron-right"></i>
			</div>
			<div class="blue-camera">
				<img class="bluecamera" src="camera-three.png" alt="sorry">
				<h1>OUR CMMUNITY</h1>
				<img src="coremthree.png" alt="sorry">
			</div>
 			<div class="leaf">
 				<img class="leaf" src="叶子.png">
 			</div>
		</div>
	</div>
	<div class="download">
		<div class="sub">
			<h1>SUBSCRIBE TO US COMMUNITY</h1>
			<div class="your-email">
				<div class="true">
					<a href="#">
						<i class="fa fa-check"></i>
					</a>
				</div>
				<input style="width:271px;height:66px" type="text" placeholder="YOUR EMAIL">
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="dow-i">
			DOWNLOAD IT<br>
			<img src="dow-i.png" alt="sorry">
			<div class="app-and">
				<div class="left">
				    <div class="apple">
				    	<a href="#">
				    		<i class="fa fa-apple"></i>
				    	</a>
				    </div>
					<div class="apple-store">
						APPLE STORE
					</div>
			    </div>
				<div class="right">
					<div class="android">
						<a href="#">
							<i class="fa fa-android"></i>
						</a>
					</div>
					<div class="play">PLAY STORE</div>
			    </div>
			</div>
		</div>
		<div class="ai">
		        <img class="credit" src="credit.png" alt="sorry"><br>
		        <img class="copy" src="copy.png" alt="sorry">
		        <img class="blue-c" src="camera-three.png" alt="sorry">
		</div>
	</div>
</body>
</html>